<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" th:href="@{/static/data/css/base.css}">
    <link rel="stylesheet" th:href="@{/static/data/css/mediumlist.css}">
    <link rel="stylesheet" th:href="@{/static/data/css/largelist.css}">
    <link rel="stylesheet" th:href="@{/static/data/css/screen.css}">
    <title>妙码数据展示</title>
</head>

<body onload="startClock()" onunload="stopClock()">
<!-- 小中屏幕start -->
<!--<div class="medium">

    <div class="w">
        <div class="header">
            <img th:src="@{static/data/images/header_02.jpg}" alt="标题">
        </div>

        &lt;!&ndash; 数据展示start &ndash;&gt;
        <div class="top clearfix">
            <div class="top-left">
                <div class="title clearfix">
                    &lt;!&ndash; 秒码厂商 &ndash;&gt;
                    <div class="vendor">

                        <img th:src="@{/static/data/images/icon.png}" alt="图标"> 秒码厂商
                    </div>

                    <div class="num">

                        <img th:src="@{/static/data/images/num.png}" alt="图标"> 数量:<font id="factoryNum">0</font>
                    </div>
                </div>



                <div class="list" id="cehcar" style="width: 400px;height:270px;"></div>


            </div>

            <div class="top-right">
                <div class="total">
                    <img th:src="@{/static/data/images/yfc-icon.png}" alt="总量"> 妙码总量
                </div>
                <div class="number">

                  4345436
                </div>

                <div class="time">
                    2018-11-26 10:57:25
                </div>

            </div>

        </div>
        &lt;!&ndash; 数据展示end &ndash;&gt;

        <div class="line clearfix">
            &lt;!&ndash; 生产线总数start &ndash;&gt;
            <div class="numbers">
                <div class="rotary">
                    <div class="radius" id="radius">
                        <div class="mbers">
                            <span class="digital" id="deviceCount">4</span>
                            <span class="taiwan">台</span>
                        </div>
                        <div class="host">
                            生产线总数
                        </div>
                    </div>
                </div>
            </div>
            &lt;!&ndash; 生产线总数end &ndash;&gt;

            &lt;!&ndash; 数据展示start &ndash;&gt;
            <div class="data">
                <div class="table">

                    <div class="thead">
                        <dd class="first">
                            生产线
                        </dd>
                        <dd class="two">
                            完成数
                        </dd>
                        <dd class="last">
                            修改数
                        </dd>
                    </div>



                    <div class="scroll">
                        <table width='437' cellpadding='0' cellspacing='0' id="vvv" class="vvv">
                            <tbody id="content">
                            </tbody>
                        </table>
                    </div>




                </div>


            </div>
            &lt;!&ndash; 数据展示end &ndash;&gt;

            <div class="detailed">

                <div class="thead">
                    <dd class="first">
                        生产线
                    </dd>

                    <dd class="last">
                        妙码
                    </dd>
                </div>

                <div class="deta-text">
                    <table width='533' cellpadding='0' cellspacing='0' id="text" class="text">
                        <tr></tr>
                        <tbody id="datacontent">
                        <tr></tr>
                        </tbody>
                    </table>
                </div>

            </div>


        </div>

    </div>
</div>-->


<!-- 大型屏幕start -->

<div class="large">

    <div class="w">
        <div class="header">
            <img th:src="@{/static/data/images/header_02.jpg}" alt="标题">
        </div>

        <!-- 数据展示start -->
        <div class="top clearfix">
            <div class="top-left">
                <div class="title clearfix">
                    <!-- 秒码厂商 -->
                    <div class="vendor">

                        <img th:src="@{/static/data/images/icon.png}" alt="图标"> 秒码厂商
                    </div>

                    <div class="num">

                        <img th:src="@{/static/data/images/num.png}" alt="图标"> 数量:<font id="factoryNum">0</font>
                    </div>
                </div>



                <div class="list" id="main" style="width: 510px;height:378px;" align="center"></div>


            </div>

            <div class="top-right">
                <div class="total">
                    <img th:src="@{/static/data/images/yfc-icon.png}" alt="总量"> 妙码总量
                </div>
                <div class="number">
                    <font id="number"></font>

                </div>

                <div class="time">
                    <div id="show"></div>
                </div>

            </div>

        </div>
        <!-- 数据展示end -->

        <div class="line clearfix">
            <!-- 生产线总数start -->
            <div class="numbers">
                <div class="rotary">
                    <div class="radius" id="radu">
                        <div class="mbers">
                            <span class="digital" id="deviceCount"></span>
                            <span class="taiwan">台</span>
                        </div>
                        <div class="host">
                            生产线总数
                        </div>
                    </div>
                </div>
            </div>
            <!-- 生产线总数end -->

            <!-- 数据展示start -->
            <div class="data">
                <div class="table">

                    <div class="thead">
                        <dd class="first">
                            生产线
                        </dd>
                        <dd class="two">
                            完成数
                        </dd>
                        <dd class="last">
                            修改数
                        </dd>
                    </div>



                    <div class="scroll">


                        <table cellpadding='0' cellspacing='0' id="vvv" class="vvv">
                            <tbody id="content">
                            </tbody>
                        </table>



                    </div>




                </div>


            </div>
            <!-- 数据展示end -->

            <div class="detailed">

                <div class="thead">
                    <dd class="first">
                        生产线
                    </dd>

                    <dd class="last">
                        妙码
                    </dd>
                </div>

                <div class="deta-text">
                    <table cellpadding='0' cellspacing='0' id="text" class="text">
                        <tr></tr>
                        <tbody id="datacontent">
                        <tr></tr>
                        </tbody>
                    </table>
                </div>

            </div>


            <!-- </div> -->

        </div>
    </div>
    <input id="factoryIds" type="hidden" th:value="${factoryId}">
    <input id="btns" type="hidden"/>
    <script th:src="@{/static/data/js/jquery.min.js}"></script>
    <script th:src="@{/static/data/js/echarts.min.js}"></script>
    <script th:src="@{/static/data/js/list.js}"></script>
    <script th:src="@{/static/appJs/webSocket2.js}"></script>
    <script th:src="@{/static/appJs/webSocket3.js}"></script>
    <script th:src="@{/static/appJs/webSocket4.js}"></script>
    <script th:src="@{/static/js/getTime.js}"></script>
</body>
</html>

<!-- transform:rotate(7deg);
-ms-transform:rotate(7deg);     /* IE 9 */
-moz-transform:rotate(7deg);    /* Firefox */
-webkit-transform:rotate(7deg); /* Safari 和 Chrome */
-o-transform:rotate(7deg);  /* Opera */ -->